<template>
  <!-- 首页 -->
  <div class="home">
    <!-- 顶部导航 -->
    <div class="home_top">
      <van-nav-bar
        left-arrow
        @click-left="$router.go(-1)"
        :border="false"
        fixed
        z-index="999"
      >
        <template #right>
          <van-icon
            name="wap-home-o"
            size="25"
            @click="$router.push('/home')"
          />
        </template>
      </van-nav-bar>
      <img src="../assets/叩丁狼.png" alt="" />
    </div>

    <!-- 功能格子 -->
    <van-grid
      :gutter="10"
      :column-num="2"
      clickable
      style="padding: 1.94rem 0.4rem 0.78rem 0.5rem"
    >
      <van-grid-item
        :icon="picture1"
        text="我的客户"
        @click="$router.push('/CustomerManagement')"
      />
      <van-grid-item
        :icon="picture2"
        text="客户关怀"
        @click="$router.push('/customerCare')"
      />
      <van-grid-item
        :icon="picture3"
        text="信息中心"
        @click="$router.push('/informationCenter')"
      />
      <van-grid-item :icon="picture4" text="物流单" to="logisticsBill" />
      <van-grid-item
        icon="bag-o"
        text="发货单"
        @click="$router.push('/shipments')"
      />
    </van-grid>
  </div>
</template>

<script>
export default {
  data() {
    return {
      // 图片
      picture1: require("../assets/我的客户.png"),
      picture2: require("../assets/客户关怀.png"),
      picture3: require("../assets/消息中心.png"),
      picture4: require("../assets/物流单.png"),

      active: 0,
    };
  },
};
</script>
 
<style lang = "less" scoped>
.home {
  /* 顶部导航 */
  .home_top {
    .van-nav-bar {
      background-color: #003399;
    }

    /deep/.van-icon {
      color: #ffffff;
    }
    img {
      width: 100%;
      display: block;
      background-color: #039;
      position: fixed;
      z-index: 999;
      top: 0.46rem;
    }
  }

  /* 功能格子 */
  .van-grid {
    .van-grid-item {
      height: 1.75rem;
      /deep/.van-grid-item__text {
        font-size: 0.16rem;
        font-weight: 600;
        color: #000;
      }
    }
  }
}
</style>